<template>
  <div class="de-right">
    <!-- 公告 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>公告</span>
        <el-tooltip content="统计****" placement="bottom" effect="light">
          <i class="iconfont icon-askoutline"></i></el-tooltip>
      </div>
      <div class="senseCap1"><i class="iconfont icon-info" style="font-size: 20px;vertical-align: middle"></i>senseCap
        V3.02020-02-13 14:28:07
      </div>
      <div class="senseCap2"><i class="iconfont icon-info" style="font-size: 20px;vertical-align: middle"></i>senseCap
        V3.02020-02-13 14:28:07
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Public"
}
</script>

<style scoped lang="scss">
.de-right {
  background: lightseagreen;
  width: 20%;

  .clearfix span {
    font-weight: bold;
  }

  .senseCap1 i, .senseCap2 i {
    color: #5daf34;
    font-size: 16px;
  }
  .senseCap1,.senseCap2{
    margin-top: 20px;
    margin-bottom: 26px;
    vertical-align: middle
  }
}
</style>